// 注册页面逻辑实现
/* 
    首先要获取到用户的信息
    接下来给form 表单添加 submit 事件
    做非空验证
    做密码和重复密码验证
    发送请求到后端
    根据后端的返回结果做出不同的处理
*/

// 获取元素
const formBtn = document.querySelector('form')
const userName = document.querySelector('.username')
const passWord = document.querySelector('.password')
const rpassWord = document.querySelector('.rpassword')
const nickName = document.querySelector('.nickname')



// 添加事件
formBtn.addEventListener('submit', (e) => {
    e = e || window.event
    try { e.preventDefault() } catch (err) { e.returnValue = false }
    // 收集用户信息
    let info = {
        username: userName.value,
        password: passWord.value,
        rpassword: rpassWord.value,
        nickname: nickName.value
    }

    // 要做非空验证
    if (!info.username || !info.password || !info.rpassword || !info.nickname) return alert('请输入完整的信息')
    // 密码和重复密码是否一样
    if (info.password !== info.rpassword) return alert('两次密码输入不一致')

    // 开始发送请求
    ajax({
        url:'http://localhost:8888/users/register',
        method:'post',
        data: info,
        dataType: 'json',
        success(res){
            //    res 就是后端返回的结果
            console.log(res);
            if(res.code === 0){
                errBox.style.display = 'block'

            }else{
                alert('注册成功，点击确认跳转到登录页')
                window.location.href = 'file:///D:/3.%E7%AC%AC%E4%B8%89%E9%98%B6%E6%AE%B5/xiangmu/src/html/02denglu.html'
        }
    }
    })
})